<template>
	<view class="register_ok_warp">
		<Header leftPathType="switchTab" leftPath="/pages/home/home"/>
		<view class="register_ok_content_warp">
			<up-image src="/static/register/ok.png" width="200" height="200" bgColor="#f1f6ff00"/>
			<view class="_content_msg">{{$t("card.ok")}}</view>
			<view class="_content_msg_2">{{$t("card.ok.content")}}</view>
			<view class="but_comm_warp" @click="jumpHome">
				{{$t("card.ok.return")}}
			</view>
		</view>
	</view>
</template>

<script>
	import Header from '@/components/header_comm.vue';
	
	export default {
		components:{Header},
		data() {
			return {
				
			};
		},
		methods: {
			jumpHome(){
				uni.switchTab({
					url:"/pages/card/card",
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
.register_ok_warp{
	height: 100%;
	overflow: auto;
	.register_ok_content_warp{
		display: grid;
		place-items: center; /* 水平和垂直居中 */
		padding: 30rpx;
		._content_msg{
			font-weight: bold;
			font-size: 60rpx;
			color: #111111;
			margin-top: 40rpx;
		}
		._content_msg_2{
			font-size: 26rpx;
			color: #333333;
			margin-top: 20rpx;
			text-align: center;
		}
		.but_comm_warp{
			margin-top: 80rpx;
		}
	}
	.but_comm_warp {
		width: 50%;
	}
}
</style>
